<template>
  <div class="page_footer">

    <div class="site_info">

      <div class="site_intro">
        <div class="si_top">七彩云南欢乐世界</div>
        <div class="si_bot">地址：云南省昆明市晋宁区</div>
        <div class="si_bot">邮箱：2290377***@qq.com</div>
      </div>

      <div class="site_map">

        <div class="map_list">
          <span>怎么预定</span>
          <a>旅游预定方式</a>
          <a>预定常见问题</a>
          <a>预定流程</a>
        </div>

        <div class="map_list">
          <span>开始旅行</span>
          <a>服务承诺</a>
          <a>出发前准备</a>
          <a>旅行故事分享</a>
        </div>

        <div class="map_list">
          <span>旅行途中</span>
          <a>签署合同</a>
          <a>服务建议投诉</a>
          <a>旅游常见问题</a>
        </div>

        <div class="map_list">
          <span>关于我们</span>
          <a>团队介绍</a>
          <a>团队账号</a>
          <a>加入我们</a>
        </div>

      </div>

    </div>

    <div id="footer">CopyRight@copy2021 版权所有 云南财经大学计专21-1</div>

  </div>

</template>
  
<script>
export default {
  name: 'abc',
  data() {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import url('../assets/css/footer.css');

#footer {
  line-height: 12px;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  letter-spacing: 2px;  /*字体间隔 */
}
</style>
  